@charset "UTF-8";

/* 公用SCSS */
body,
html {
  height: 100%;
  background-color: #f3f5f6;
  /* max-width: 1080px;
  min-width: 320px; */
  font: 14px/1.5 "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
  color: #1c1f21;
  height: 100%;
  font-size: 14px;
  font-family: -apple-system, Helvetica, sans-serif;
  line-height: 1.5;
  color: #545C63;

}

div {
  /*CSS3盒子模型*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input,
button {
  /*点击高亮我们需要清除清除  设置为transparent 完成透明*/
  -webkit-tap-highlight-color: transparent;
  /*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/
  /* -webkit-appearance: none; */
  outline: none;
  border: 0;
}

img,
a {
  /*禁用长按页面时的弹出菜单*/
  -webkit-touch-callout: none;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
li {
  list-style: none;
}

* {
  margin: 0px;
  padding: 0px;
}

/* 

清除浮动效果的wys伪元素 */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

/* 公共悬浮变颜色红色 */



/* 
1 中间部分
2 点击左菜单添加一个css样式
 */
.active {
  background: rgba(51, 119, 255, .1);
  font-weight: 700;
  color: #37f;
  padding: 0px 4px;
}




/*  */

.l {
  float: left;
}

.r {
  float: right;
}



/* 默认下边框红色 */
.rl-modal-header .active-title:after,
.rl-modal-header span:hover:after {
  content: " ";
  width: 16px;
  height: 4px;
  line-height: 4px;
  background: #f20d0d;
  border-radius: 2px;
  display: block;
  margin: 0 auto;
 
}


/* 下半身快速注册 三个图标的公共样式 */
.pop-sns-weixin,
.pop-sns-qq,
.pop-sns-weibo {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100px;
}

/* 微信小背景 */
.pop-sns-weixin::after {
  content: '推荐登录';
  position: absolute;
  top: -18px;
  left: 4px;
  width: 4em;
  padding: 6px 10px;
  font-size: 16px;
  background-color: #fff;
  border: 2px solid #d4ffe9;
  border-radius: 100px 100px 100px 0;
  /* transform:scale()可以实现按比例放大或者缩小功能 */
  transform: scale(.5);
}

/*  */
